<div class="card mb-4 ga-container" ng-init="$ctrl.init()">
  <div class="card-header">
    <h6>Blogs & News</h6>
  </div>
  <div class="card-body">
    <div>
      <ul
        class="list-group list-group-flush"
        ng-repeat="item in $ctrl.items|limitTo:5"
      >
        <li class="list-group-item d-flex justify-content-between align-items-start">
            {{item.title}}
            
          <a href="{{item.link}}" class="btn btn-sm btn-light" target="_blank">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" width="16" height="16"
                viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" />
                <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" />
            </svg>
          </a>
        </li>
      </ul>
      <!-- <pre>
{{item | json}}
</pre> -->
    </div>
  </div>
</div>
